<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>4-1-1-过渡效果</title>
<link rel="stylesheet" href="lib/lib/css/bootstrap.min.css">
<style type="text/css">

</style>
</head>
<body>


	<div class="modal" id="mymodal" tabindex="-1" role="dialog" aria-labelledby="myModalLable" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<button class="close" type="button" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
				<h4 class="modal-title" id="myModallabel">Modal title</h4>
			</div>

			<div class="modal-body">
				modal-body
			</div>

			<div class="modal-footer">
				<button class="button" class="btn btn-default" data-dismiss="modal">close
				</button>
				<button class="button" class="btn btn-primary" data-dismiss="modal">save
				</button>
			</div>
		</div>
	</div>


<script src="lib/jquery/jquery-1.11.0.min.js"></script>
<script src="lib/lib/js/bootstrap.min.js"></script>
<script type="text/javascript">
	
	$("#mymodal").modal("show")




</script>

</body>
</html>